<template>
  <div style="width: 100%;height: 100%;">
    <div style="width: 100%;height: 100%;" id="main">

    </div>
    <div style="position: absolute; top: 100px; right: 100px;z-index: 9999;">
      <n-button tertiary type="info" @click="save">
        保存
      </n-button>
    </div>
  </div>
</template>

<script setup lang="ts">

import { onMounted, nextTick } from 'vue'

let earthUI: any;

let save = () => {
  
  console.log(earth.toJSON());
  
}

let loadData = () => {

}


onMounted(() => {
  nextTick(() => {
    XbsjEarthUI.create("main").then((earthUI: any) => {
      uia = earthUI;
      earth = earthUI.earth
      viewer = earthUI.earth.czm.viewer
      // 加载服务器配置
      loadData()
    })
  })
})

</script>

<style lang="scss"></style>
